



.row{width: 100%;box-sizing: border-box !important; position: relative; display: flex !important; flex-direction: row; flex-wrap: wrap;}
.rows{width: 100%;box-sizing: border-box !important; position: relative;}

.d-flex{display: flex !important; -webkit-display:flex;}
.d-block{display: block;}
.d-inline-block{display: inline-block;}


.flex-0{flex: 0; -webkit-flex:0;}
.flex-1{flex: 1; -webkit-flex:1;}
.f-row{flex-direction: row; -webkit-flex-direction:row;}
.f-row-reverser{flex-direction:row-reverse;-webkit-flex-direaction:row-reverse;}
.f-column{flex-direction: column; -webkit-flex-direaction:column;}
.f-column-reverse{flex-direction:column-reverse;-webkit-flex-direction:column-reverse;}
.f-wrap{flex-wrap: wrap;  -webkit-flex-wrap:wrap;}
.f-nowrap{flex-wrap: nowrap; -webkit-flex-wrap:nowrap;}
.f-reverse{flex-wrap: wrap-reverse;-webkit-flex-wrap: wrap-reverse;}

.f-shrink-0{flex-shrink: 0; -webkit-flex-shrink:0;}
.f-shrink-1{flex-shrink: 1; -webkit-flex-shrink:1;}
.f-shrink-2{flex-shrink: 2; -webkit-flex-shrink:2;}

.j-centert{justify-content: center; -webkit-justify-content:center;}
.j-sb{justify-content: space-between; -webkit-justify-content:space-between;}
.j-sa{justify-content: space-around; -webkit-justify-content:space-around;}
.j-evenly{justify-content:space-evenly;-webkit-justify-content:space-evenly;}
.j-start{justify-content: flex-start; -webkit-justify-content:flex-start;}
.j-end{justify-content: flex-end; -webkit-justify-content:flex-end;}

.a-center{align-items: center; -webkit-align-items:center;}
.a-start{align-items: flex-start; -webkit-align-items:flex-start;}
.a-end{align-items: flex-end; -webkit-align-items:flex-end;}
.a-stretch{align-items: stretch; -webkit-align-items:stretch;}

/*  Start 交叉轴 多行 */
.a-content-start{align-content: flex-start;-webkit-align-content: flex-start;}
.a-content-center{align-content: center;-webkit-align-content: center;}
.a-content-end{align-content: flex-end;-webkit-align-content: flex-end;}
.a-content-s-ar{align-content: space-around;-webkit-align-content: space-around;}
.a-content-s-sb{align-content: space-between;-webkit-align-content: space-between;}
.a-content-s-ev{align-content: space-evenly;-webkit-align-content: space-evenly;}
/*  end 交叉轴 多行 */

.a-self-start{align-self: flex-start; -webkit-align-self:flex-start;}
.a-self-end{align-self: flex-end; -webkit-align-self:flex-end;}
.a-self-center{align-self: center; -webkit-align-self:center;}
.a-self-stretch{align-self: stretch; -webkit-align-self:stretch;}
.a-self-baseline{align-self: baseline; -webkit-align-self:baseline;}


.f-gorw0{flex-grow: 0;-webkit-flex-gorw:0}
.f-gorw1{flex-grow: 1;-webkit-flex-gorw:1}
.f-gorw2{flex-grow: 2;-webkit-flex-gorw:2}


.viewbox{width:6.9rem}
.viewboxd{width:92%;}
.viewboxs{width:6.5rem}
.auto{margin:0 auto;}
.p-re{position: relative;}
.w-20{width:20%;}
.w-25{width:25%;}
.w-50{width:50%;}
.w-333{width:33.3%;}
.opacity02{opacity: 0.2;}
.opacity05{opacity: 0.5;}
.red{color:red;}
.white{color:#FFFFFF !important;}
.bgwhite{background: #FFFFFF;}
.bgff4{background: #FF467F;}
.bgf5{background: #F5F5F5;}
.bgF2F{background: #F2F2F2;}
.bgF8{background: #F8B823;}
.bg10c{background: #10C788;}
.bgCC{background: #CCCCCC;}

.black{color:#000000 !important;}
.color_33{color:#333333}
.color_66{color:#666666}
.color_64{color:#646464}
.color_99{color:#999999}
.color_c40{color:#C40202}
.color_cc{color: #CCCCCC;}
.color_FE{color: #FE2E66;}
.color_80{color: #808080;}
.color_B3{color: #B3B3B3;}
.color_FF{color: #FF467F;} 
.color_FF4B{color: #FF4B4E;} 
.color_FB{color: #FB2363;} 
.color_EC{color: #EC1C1C;} 
.color_20{color: #202020;} 
.color_1a{color: #1a1a1a} 

.bor_radius_10{border-radius: 0.1rem;overflow: hidden;}
.bor_radius_20{border-radius: 0.2rem;overflow: hidden;}
.bor_radius{border-radius: 50%;overflow: hidden;}

.redbor{border:1px solid red;}

.t-letter2{letter-spacing: 0.02rem;}
.t-letter4{letter-spacing: 0.04rem;}
.t-letter6{letter-spacing: 0.06rem;}
.t-letter8{letter-spacing: 0.08rem;}
.t-letter10{letter-spacing: 0.1rem;}


/*   字体大小  */
.h1{font-size:0.7rem !important; font-weight: 700;}
.h2{font-size:0.6rem !important; font-weight: 700;}
.h3{font-size:0.48rem !important; font-weight: 700;}
.h4{font-size:0.36rem !important; font-weight: 700;}
.h5{font-size:0.28rem !important;}
.h6{font-size:0.24rem !important;}
.h7{font-size:0.2rem !important;}

.size16{font-size:0.16rem !important;}
.size22{font-size:0.22rem !important;}
.size26{font-size:0.26rem !important;}
.size28{font-size:0.28rem !important;}
.size30{font-size:0.3rem !important;}
.size32{font-size:0.32rem !important;}
.size34{font-size:0.34rem !important;}
.size36{font-size:0.36rem !important;}
.size38{font-size:0.38rem !important;}
.size40{font-size:0.40rem !important;}
.size48{font-size:0.48rem !important;}
.size50{font-size:0.5rem !important;}
.size54{font-size:0.54rem !important;}
.size60{font-size:0.6rem !important;}
.size68{font-size:0.68rem !important;}
.size80{font-size:0.8rem !important;}
.size92{font-size:0.92rem !important;}
.size100{font-size: 1rem !important;}
.bold{font-weight: bold !important;}


/*  文本 居中、居左、居右 */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}
.text-justify-last{text-align-last: justify;}

.t-indent20{text-indent: 0.20rem;}
.t-indent30{text-indent: 0.30rem;}
.t-indent40{text-indent: 0.40rem;}

.line40{line-height: 0.40rem;}
.line45{line-height: 0.45rem;}
.line50{line-height: 0.5rem;}

/* 文本溢出隐藏 */
.ellipsis{width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.ellipsis_2{width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ellipsis_3{width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ellipsis_4{width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}


/* 文本中划线 */
.line-through{text-decoration: line-through;}

/* 文本上划线 */
.overline{text-decoration: overline;}

/* 文本下划线 */
.underline{text-decoration: underline;}
.hide{display: none;}
.wh{width:100%;height: 100%;}
.height{height: 100%;}
.uppercase{text-transform: uppercase;}
.v-middle{vertical-align: middle;}
.bot_bor{position: relative;}
.top_bor{position: relative}
.bot_bor::after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	background: #CCCCCC;
	width: 100%;
	height: 1px;
	 transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}
.top_bor::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	background: #CCCCCC;
	width: 100%;
	height: 1px;
	 transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
}
.flexac{
	display: flex !important; 
	justify-content: center; 
	align-items: center; 
}
.masking{width:100%;height: 100%;position: fixed;top:0;left:0;background: rgba(0,0,0,0.1);z-index:100;}

.viewbtn{width:4.5rem;height: 1rem;border-radius: 0.5rem;-webkit-border-radius: 0.5rem;}

.m-top4{margin-top:0.04rem;}
.m-top6{margin-top:0.06rem;}
.m-top8{margin-top:0.08rem;}
.m-top10{margin-top:0.10rem;}
.m-top15{margin-top:0.15rem;}
.m-top16{margin-top:0.16rem;}
.m-top18{margin-top:0.18rem;}
.m-top20{margin-top:0.20rem;}
.m-top22{margin-top:0.22rem;}
.m-top24{margin-top:0.24rem;}
.m-top26{margin-top:0.26rem;}
.m-top28{margin-top:0.28rem;}
.m-top30{margin-top:0.30rem;}
.m-top35{margin-top:0.35rem;}
.m-top40{margin-top:0.40rem;}
.m-top45{margin-top:0.45rem;}
.m-top50{margin-top:0.50rem;} 
.m-top55{margin-top:0.55rem;} 
.m-top60{margin-top:0.60rem;} 
.m-top70{margin-top:0.70rem;} 
.m-top80{margin-top:0.80rem;} 
.m-top90{margin-top:0.90rem;} 
.m-top100{margin-top:1rem;} 
.m-top110{margin-top:1.1rem;} 
.m-top114{margin-top:1.14rem;} 
.m-top120{margin-top:1.20rem;} 
.m-top130{margin-top:1.30rem;} 
.m-top140{margin-top:1.40rem;} 
.m-top150{margin-top:1.50rem;} 
.m-top155{margin-top:1.55rem;} 
.m-top160{margin-top:1.60rem;} 
.m-top170{margin-top:1.70rem;} 
.m-top180{margin-top:1.80rem;} 
.m-top190{margin-top:1.90rem;} 
.m-top200{margin-top:2rem;} 
.m-top210{margin-top:2.10rem;} 
.m-top220{margin-top:2.20rem;} 
.m-top230{margin-top:2.30rem;} 
.m-top240{margin-top:2.40rem;} 
.m-top250{margin-top:2.50rem;} 
.m-top300{margin-top:3rem;} 

.m-left4{margin-left:0.04rem;}
.m-left6{margin-left:0.06rem;}
.m-left8{margin-left:0.08rem;}
.m-left10{margin-left:0.10rem;}
.m-left12{margin-left:0.12rem;}
.m-left14{margin-left:0.14rem;}
.m-left16{margin-left:0.16rem;}
.m-left18{margin-left:0.18rem;}
.m-left20{margin-left:0.20rem;}
.m-left25{margin-left:0.25rem;}
.m-left28{margin-left:0.28rem;}
.m-left30{margin-left:0.30rem;}
.m-left35{margin-left:0.35rem;}
.m-left40{margin-left:0.40rem;}
.m-left45{margin-left:0.45rem;} 
.m-left50{margin-left:0.50rem;} 
.m-left55{margin-left:0.55rem;} 
.m-left60{margin-left:0.60rem;} 
.m-left70{margin-left:0.70rem;} 
.m-left80{margin-left:0.80rem;} 
.m-left90{margin-left:0.90rem;} 
.m-left100{margin-left:1.00rem;} 
.m-left110{margin-left:1.10rem;} 
.m-left120{margin-left:1.20rem;} 
.m-left130{margin-left:1.30rem;} 
.m-left140{margin-left:1.40rem;} 
.m-left150{margin-left:1.50rem;} 
.m-left160{margin-left:1.60rem;} 
.m-left170{margin-left:1.70rem;} 
.m-left180{margin-left:1.80rem;} 
.m-left190{margin-left:1.90rem;} 
.m-left200{margin-left:2.00rem;} 


.m-right4{margin-right:0.04rem;}
.m-right6{margin-right:0.06rem;}
.m-right8{margin-right:0.08rem;}
.m-right10{margin-right:0.10rem;}
.m-right12{margin-right:0.12rem;}
.m-right14{margin-right:0.14rem;}
.m-right16{margin-right:0.16rem;}
.m-right18{margin-right:0.18rem;}
.m-right20{margin-right:0.20rem;}
.m-right24{margin-right:0.24rem;}
.m-right26{margin-right:0.26rem;}
.m-right28{margin-right:0.28rem;}
.m-right30{margin-right:0.30rem;}
.m-right35{margin-right:0.35rem;}
.m-right40{margin-right:0.40rem;}
.m-right45{margin-right:0.45rem;} 
.m-right50{margin-right:0.50rem;} 
.m-right55{margin-right:0.55rem;} 
.m-right60{margin-right:0.60rem;} 
.m-right70{margin-right:0.70rem;} 
.m-right80{margin-right:0.80rem;} 
.m-right90{margin-right:0.90rem;} 
.m-right100{margin-right:1.00rem;} 
.m-right110{margin-right:1.10rem;} 
.m-right120{margin-right:1.20rem;} 
.m-right130{margin-right:1.30rem;} 
.m-right140{margin-right:1.40rem;} 
.m-right150{margin-right:1.50rem;} 
.m-right160{margin-right:1.60rem;} 
.m-right170{margin-right:1.70rem;} 
.m-right180{margin-right:1.80rem;} 
.m-right190{margin-right:1.90rem;} 
.m-right200{margin-right:2.00rem;} 


.m-bot4{margin-bottom:0.04rem;}
.m-bot6{margin-bottom:0.06rem;}
.m-bot8{margin-bottom:0.08rem;}
.m-bot10{margin-bottom:0.10rem;}
.m-bot12{margin-bottom:0.12rem;}
.m-bot15{margin-bottom:0.15rem;}
.m-bot16{margin-bottom:0.16rem;}
.m-bot18{margin-bottom:0.18rem;}
.m-bot20{margin-bottom:0.20rem;}
.m-bot22{margin-bottom:0.22rem;}
.m-bot24{margin-bottom:0.24rem;}
.m-bot25{margin-bottom:0.25rem;}
.m-bot28{margin-bottom:0.28rem;}
.m-bot30{margin-bottom:0.30rem;}
.m-bot35{margin-bottom:0.35rem;}
.m-bot40{margin-bottom:0.40rem;}
.m-bot45{margin-bottom:0.45rem;}
.m-bot50{margin-bottom:0.50rem;} 
.m-bot60{margin-bottom:0.60rem;} 
.m-bot70{margin-bottom:0.70rem;} 
.m-bot80{margin-bottom:0.80rem;} 
.m-bot90{margin-bottom:0.90rem;} 
.m-bot100{margin-bottom:1.00rem;} 
.m-bot110{margin-bottom:1.10rem;} 
.m-bot120{margin-bottom:1.20rem;} 
.m-bot130{margin-bottom:1.30rem;} 
.m-bot140{margin-bottom:1.40rem;} 
.m-bot150{margin-bottom:1.50rem;} 
.m-bot160{margin-bottom:1.60rem;} 
.m-bot170{margin-bottom:1.70rem;} 

.margin4{margin:0.04rem auto;}
.margin6{margin:0.06rem auto;}
.margin8{margin:0.08rem auto;}
.margin10{margin:0.10rem auto;}
.margin20{margin:0.20rem auto;}
.margin30{margin:0.30rem auto;} 
.margin40{margin:0.40rem auto;}



.p-left4{padding-left:0.04rem;}
.p-left6{padding-left:0.06rem;}
.p-left8{padding-left:0.08rem;}
.p-left10{padding-left:0.10rem;}
.p-left12{padding-left:0.12rem;}
.p-left14{padding-left:0.14rem;}
.p-left16{padding-left:0.16rem;}
.p-left18{padding-left:0.18rem;}
.p-left20{padding-left:0.20rem;}
.p-left22{padding-left:0.22rem;}
.p-left24{padding-left:0.24rem;}
.p-left25{padding-left:0.25rem;}
.p-left28{padding-left:0.28rem;}
.p-left30{padding-left:0.30rem;}
.p-left35{padding-left:0.35rem;}
.p-left40{padding-left:0.40rem;}
.p-left45{padding-left:0.45rem;}
.p-left46{padding-left:0.46rem;}
.p-left50{padding-left:0.50rem;}
.p-left60{padding-left:0.60rem;}
.p-left70{padding-left:0.70rem;}
.p-left80{padding-left:0.80rem;}
.p-left90{padding-left:0.90rem;}
.p-left100{padding-left:1.00rem;}



.p-right4{padding-right:0.04rem;}
.p-right6{padding-right:0.06rem;}
.p-right8{padding-right:0.08rem;}
.p-right10{padding-right:0.10rem;}
.p-right12{padding-right:0.12rem;}
.p-right14{padding-right:0.14rem;}
.p-right16{padding-right:0.16rem;}
.p-right18{padding-right:0.18rem;}
.p-right20{padding-right:0.20rem;}
.p-right22{padding-right:0.22rem;}
.p-right24{padding-right:0.24rem;}
.p-right25{padding-right:0.25rem;}
.p-right28{padding-right:0.28rem;}
.p-right30{padding-right:0.30rem;}
.p-right35{padding-right:0.35rem;}
.p-right40{padding-right:0.40rem;}
.p-right45{padding-right:0.45rem;}
.p-right46{padding-right:0.46rem;}
.p-right50{padding-right:0.50rem;}
.p-right60{padding-right:0.60rem;}
.p-right70{padding-right:0.70rem;}
.p-right80{padding-right:0.80rem;}
.p-right90{padding-right:0.90rem;}
.p-right100{padding-right:1.00rem;}


.p-top1{padding-top:0.01rem;}
.p-top2{padding-top:0.02rem;}
.p-top4{padding-top:0.04rem;}
.p-top6{padding-top:0.06rem;}
.p-top8{padding-top:0.08rem;}
.p-top10{padding-top:0.10rem;}
.p-top12{padding-top:0.12rem;}
.p-top14{padding-top:0.14rem;}
.p-top15{padding-top:0.15rem;}
.p-top18{padding-top:0.18rem;}
.p-top20{padding-top:0.20rem;}
.p-top22{padding-top:0.22rem;}
.p-top24{padding-top:0.24rem;}
.p-top25{padding-top:0.25rem;}
.p-top28{padding-top:0.28rem;}
.p-top30{padding-top:0.30rem;}
.p-top34{padding-top:0.34rem;}
.p-top36{padding-top:0.36rem;}
.p-top40{padding-top:0.40rem;}
.p-top45{padding-top:0.45rem;}
.p-top50{padding-top:0.50rem;}
.p-top60{padding-top:0.60rem;}
.p-top70{padding-top:0.70rem;}
.p-top80{padding-top:0.80rem;}
.p-top88{padding-top:0.88rem;}
.p-top90{padding-top:0.90rem;}
.p-top100{padding-top:1.00rem;}
.p-top110{padding-top:1.10rem;}.
.p-top120{padding-top:1.20rem;}
.p-top130{padding-top:1.30rem;}
.p-top140{padding-top:1.40rem;}
.p-top150{padding-top:1.50rem;}
.p-top160{padding-top:1.60rem;}
.p-top170{padding-top:1.70rem;}
.p-top180{padding-top:1.80rem;}
.p-top190{padding-top:1.90rem;}



.p-bot4{padding-bottom:0.04rem;}
.p-bot6{padding-bottom:0.06rem;}
.p-bot8{padding-bottom:0.08rem;}
.p-bot10{padding-bottom:0.10rem;}
.p-bot12{padding-bottom:0.12rem;}
.p-bot14{padding-bottom:0.14rem;}
.p-bot15{padding-bottom:0.15rem;}
.p-bot18{padding-bottom:0.18rem;}
.p-bot20{padding-bottom:0.20rem;}
.p-bot22{padding-bottom:0.22rem;}
.p-bot24{padding-bottom:0.24rem;}
.p-bot25{padding-bottom:0.25rem;}
.p-bot28{padding-bottom:0.28rem;}
.p-bot30{padding-bottom:0.30rem;}
.p-bot34{padding-bottom:0.34rem;}
.p-bot36{padding-bottom:0.36rem;}
.p-bot40{padding-bottom:0.40rem;}
.p-bot45{padding-bottom:0.45rem;}
.p-bot50{padding-bottom:0.50rem;}
.p-bot60{padding-bottom:0.60rem;}
.p-bot70{padding-bottom:0.70rem;}
.p-bot80{padding-bottom:0.80rem;}
.p-bot90{padding-bottom:0.90rem;}
.p-bot100{padding-bottom:1.00rem;}
.p-bot110{padding-bottom:1.10rem;}
.p-bot120{padding-bottom:1.20rem;}
.p-bot130{padding-bottom:1.30rem;}
.p-bot140{padding-bottom:1.40rem;}
.p-bot150{padding-bottom:1.50rem;}
.p-bot160{padding-bottom:1.60rem;}
.p-bot170{padding-bottom:1.70rem;}
.p-bot180{padding-bottom:1.80rem;}
.p-bot190{padding-bottom:1.90rem;}
.p-bot200{padding-bottom:2.00rem;}
.p-bot230{padding-bottom:2.3rem;}
.p-bot300{padding-bottom:3.00rem;}


.padding10{padding: 0.10rem;}
.padding15{padding: 0.15rem;}
.padding20{padding: 0.20rem;}
.padding30{padding: 0.30rem;}
.padding40{padding: 0.40rem;}
.padding50{padding: 0.50rem;}
.padding60{padding: 0.60rem;}
.padding70{padding: 0.70rem;}
.padding80{padding: 0.80rem;}
.padding20-10{padding: 0.2rem 0.1rem;}
.padding30-20{padding: 0.3rem 0.2rem;}
.padding26-20{padding: 0.26rem 0.2rem;}
.padding50-30{padding: 0.5rem 0.3rem;}

.loadingBox{
	width:100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	bottom: 0;
	background: rgba(0,0,0,0);
	/* display: none; */
}
.loadCenter{
	width:2.2rem;
	padding:0.4rem 0;
	background: rgba(0,0,0,0.7);
	border-radius: 0.1rem;
	-webkit-border-radius: 0.1rem;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.loadCenter img{
	width:0.8rem;
	height: 0.8rem;
}